<!DOCTYPE HTML>
<html>
	<head>
		@section ('head')
		<link href="/css/bootstrap.css" rel='stylesheet' type='text/css' />
		<link href="/css/style.css" rel='stylesheet' type='text/css' />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		<script src="/js/jquery.min.js"></script>
<!--<script src="js/jquery.easydropdown.js"></script>-->
<!--start slider -->
		<link rel="stylesheet" href="/css/fwslider.css" media="all">
		<script src="/js/jquery-ui.min.js"></script>
		<script src="/js/fwslider.js"></script>
<!--end slider -->
		<script type="text/javascript">
	        $(document).ready(function() {
	            $(".dropdown img.flag").addClass("flagvisibility");

	            $(".dropdown dt a").click(function() {
	                $(".dropdown dd ul").toggle();
	            });
	                        
	            $(".dropdown dd ul li a").click(function() {
	                var text = $(this).html();
	                $(".dropdown dt a span").html(text);
	                $(".dropdown dd ul").hide();
	                $("#result").html("Selected value is: " + getSelectedValue("sample"));
	            });
	                        
	            function getSelectedValue(id) {
	                return $("#" + id).find("dt a span.value").html();
	            }

	            $(document).bind('click', function(e) {
	                var $clicked = $(e.target);
	                if (! $clicked.parents().hasClass("dropdown"))
	                    $(".dropdown dd ul").hide();
	            });


	            $("#flagSwitcher").click(function() {
	                $(".dropdown img.flag").toggleClass("flagvisibility");
	            });
	        });
	     </script>
	     @show
	</head>
	<body>
		<div class="header">
			<div class="container">
				<div class="row">
				  <div class="col-md-12">
					 <div class="header-left" style="width: 70%;">
						 <div class="logo">
							<a href="/"><img src="/images/banner8.png" alt=""/></a>
						 </div>
						 <div class="menu">
							  <a class="toggleMenu" href="#"><img src="/images/nav.png" alt="" /></a>
							    <ul class="nav" id="nav">
							    	@if(!Auth::guest())
							    		<li><a href="/events">Events</a></li>
							    	@endif
							    	@if(!Auth::guest())
							    	<li><a href="/gallery">gallery</a></li>
							    	@endif
							    	@if(!Auth::guest())
							    		<li><a href="/alumni">Alumni</a></li>
							    	@endif
							    	<li><a href="/about">about us</a></li>
									<li><a href="/contact">Contact</a></li>	
									@if(Auth::guest())
										<li><a href="/auth/register">Register</a></li>
									@endif	
									@if(!Auth::guest())
										<li><a href="/account">Profile</a></li>
									@endif							
									<div class="clear"></div>
								</ul>
								<script type="text/javascript" src="/js/responsive-nav.js"></script>
					    </div>							
		    		    <div class="clear"></div>
		    	    </div>
		    	    
		            <div class="header_right">
		    		  <!-- start search-->
		    		  @if(!auth::guest())
					      <div class="search-box">
								<div id="sb-search" class="sb-search">
									<a href="/search" class="sb-icon-search"></a>
								</div>
							</div>
							@endif

							<!----search-scripts---->
							<script src="/js/classie.js"></script>
							<script src="/js/uisearch.js"></script>
							<script>
								new UISearch( document.getElementById( 'sb-search' ) );
							</script>

							<!----//search-scripts---->
					    <ul class="icon1 sub-icon1 profile_img">
							<div class="login_button login-margin">
								@if(Auth::guest())
									<a href="/auth/login">Login</a>									
								@else
									<a href="/auth/logout">Logout</a>
								@endif	
							</div>
					   </ul>
			           <div class="clear"></div>
		       </div>
		      </div>
			 </div>
		    </div>
		</div>

		@if(Session::has('message'))
		    <div class="alert alert-info">

		    </div>
		@endif
		
		@yield('content')		  
		
		<div class="footer">
			<div class="container">
				<div class="row">
					<div class="footer-left">
						<div class="col-md-12">
							<div class="footer-menu">
								<div class="col-md-3"><a href="http://southeastern.com.ph/" target="_blank"><img src="/images/BW1.png"/></a></div>
								<div class="col-md-9 footer-margin"><a href="/">FINDING ALUMNI THROUGH COMPUTER TECHNOLOGY</a></div>
							</div>	
						</div>	
					</div> 
					<div class="footer-right">
						<div class="col-md-12">
							<div class="footer-menu">
								<ul class="footer-menu-ul">
									@if(!Auth::guest())
										<li><a href="/events">events</a></li>
									@endif
									<li><a href="/gallery">gallery</a></li>
									@if(!Auth::guest())
										<li><a href="/alumni">alumni</a></li>
									@endif
									<li><a href="/about">about us</a></li>
									<li><a href="/contact">contact us</a></li>
									<div class="clear"></div>
								</ul>
							</div>
						</div>
					</div>						
				</div>		
			</div>
		</div>			
	</body>	
</html>